﻿@charset "UTF-8";
/*header*/
/*.header{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 500;
	background:#fff;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
}*/
.header .container-middle{position: relative;z-index: 1;}
/*.header .logo{
	float: left;
	width:48px;
	height: 48px;
	margin-top: 16px;
}*/
.header .logo img{
	width: 100%;
	height: 100%;
	display: block;
}
.language{float: right;margin-top: 29px;}
.language a{
	float: left;
	line-height: 22px;
	padding:0 12px;
	font-size: 14px;
	color: #777;
	border-radius: 12px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.language a:hover{
	color: #e5821c;
}
.language a.active{
	background:#e5821c;
	color: #fff;
}
.search-btn{
	float: right;
	width: 30px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 14px;
	color: #333;
	margin:0 15px 0 20px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.search-btn:hover{color: #e5821c}
.navbar{float: right;}
.navitem{float: left;position: relative;padding:0 36px;cursor: pointer;}
/*.navitem>a{
	display: block;
	position: relative;
	height:80px;
	overflow: hidden;
	font-size: 16px;
	line-height: 80px;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}*/
.navitem>a::after{
	content: '';
	width:0;
	height: 2px;
	background: #e5821c;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 2;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.navitem:hover>a::after,
.navitem.active>a::after{width: 100%;}
.navitem:hover>a,
.navitem.active>a{color: #e5821c}
/*.navitem .subnav {
    min-width: 180px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.08);
            box-shadow: 0 3px 10px rgba(0,0,0,.08);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 200;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all .36s ease;
    -o-transition: all .36s ease;
    transition: all .36s ease;
    padding: 13px 0 15px;
}
.navitem:hover .subnav {
    visibility: visible;
    opacity: 1;
}*/
.navitem .subnav li {
    padding: 10px 25px 10px 35px;
    border-bottom: 1px solid rgba(0,0,0,.07);
}
.navitem .subnav li:last-child{border-bottom: none;}
.navitem .subnav li a {
    display: block;
    padding:7px 15px 7px 0;
    color: #9d9d9d;
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    left: 0;
    white-space: normal;
}
.navitem .subnav li a i {
    line-height: 18px;
    font-size:12px;
    position: absolute;
    right: 0;
    top:9px;
}
/*.navitem .subnav li:hover a{
	left: 5px;
	color: #e5821c
}*/
.navitem .subnav.max{width: 250px;}
.search-wrap{
	position: absolute;
	right: 0;
	top:0;
	width:1000px;
	height: 80px;
	background: #fff;
	z-index: -1;
	opacity: 0;
}
.searchopen .search-wrap{
	z-index: 10;
	opacity: 1;
}
.search-frame{
	position: relative;
	height: 44px;
	margin-top: 18px;
}
@-webkit-keyframes searchform-fade {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
		animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
		}
	100% {opacity: 1}
}
@keyframes searchform-fade {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
		animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
		}
	100% {opacity: 1}
}
@-webkit-keyframes searchform-slide {
	0% {
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
		animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes searchform-slide {
	0% {
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
		animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
@-webkit-keyframes item-searchshow {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
		animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
	}
	40% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.7);
		transform: scale(0.7)
	}
}
@keyframes item-searchshow {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
		animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
	}
	40% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.3);
		transform: scale(0.3)
	}
}
.searchopen .search-frame {
    -webkit-animation:searchform-fade 400ms both;
    animation: searchform-fade 400ms both;
}
.searchopen .search-frame form {
    -webkit-animation:searchform-slide 1s both;
    animation:searchform-slide 1s both;
}
.searchtext-btn{
	color: #000;
	font-size: 14px;
	line-height: 44px;
	width: 44px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.searchtext-btn:hover{color: #ffba00;}
.search-input {
    margin-left: 44px;
    margin-right: 80px;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.search-wrap input {
    font-size: 16px;
    line-height: 44px;
    color: #333;
    width: 100%;
    border-radius: 5px;
}
.search-close {
    width:44px;
    height:44px;
    font-size: 16px;
    color: #232323;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
.searchopen .search-close {
    opacity: 1;
    -webkit-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}
.searchopen .search-close:hover{color:#ffba00;}
.searchshow .navitem{
	-webkit-animation: item-searchshow .4s both;
	        animation: item-searchshow .4s both;
}
.searchopen .navitem {
    visibility: hidden;
}
.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.48) no-repeat;
    display: none;
    z-index:400;
}
/*.wrapper{padding-top: 80px;}*/
@media (min-width: 1230px){
  .navitem{padding:0 30px;}
}
/*footer*/
.footer{
	width: 100%;
	overflow: hidden;
	background: url(../images/footer_bg.jpg) #0a0a0a;
	border-top: 2px solid #ffba00;
}
.footer-top{padding-top: 93px;}
.footer-menu{padding-bottom: 28px;position: relative;margin-right: 270px;}
.footer-item{
	width: 15%;
	float: left;
}
.footer-item.max{width: 20%}
/*.footer-item dt{
	margin-bottom: 14px;
	position: relative;
}*/
/*.footer-item dt::before{
	content: '';
	position: absolute;
	left: 0;
	top:3px;
	bottom:3px;
	background: #ffba00;
	width: 1px;
}
*/
.footer-item dt a{
	font-size: 16px;
	line-height: 1;
	color: #fff;
	padding-left: 10px;
}
.footer-item dd{margin:2px 0 2px 12px}
.footer-item dd a{
	color: #777;
}
.footer-firends{padding:16px 0;}
.friends-text{float: left;color: #fff;}
.friends-link{margin-left: 68px;}
.friends-link a{
	display: inline-block;
	color: #777;
	margin-right: 15px;
}
.footer-bottom{
	border-top: 1px solid rgba(255,255,255,.06);
	color:#777;
	padding:15px 0 26px;
}
.footer-bottom a{color:#777;}
.footer-bottom .copyright{margin-right: 240px;}
.footer-center{float: right;width: 250px;}
.footer-ewm{
	text-align: center;
	width: 90px;
}
.footer-ewm img{
	width: 90px;
}
.footer-ewm p{color: #777;margin-top: 10px;}
.footer-info{margin-top: 10px;}
.footer-info p{
	color: #777;
	line-height: 25px;
}
.footer-info a{color: #777;}
.footer-info .share{margin-top: 15px;}
/*.share .bdsharebuttonbox a {
    display: inline-block;
    padding: 0;
    background: transparent;
    font-size:20px;
    line-height:38px;
    text-align: center;
    height:40px;
    width: 40px;
    color: #777;
    border:1px solid #dbdbdb;
    border-radius: 50%;
    margin: 0 10px 0 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}*/
.share .bdsharebuttonbox a::before {
    font-family: "iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height:38px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:20px;
}
.share .bdsharebuttonbox a.bds_sqq::before {
    content: "\e602";
}
.share .bdsharebuttonbox a.bds_tsina::before {
    content: "\e604";
}
.share .bdsharebuttonbox a.bds_weixin::before {
    content: "\e603";
}
.news-share .share .bdsharebuttonbox a{
	background: #bcbcbc;
	color: #fff;
	border-color: #bcbcbc;
	margin: 0 5px;
}
.footer a{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.footer a:hover{color: #ffba00}
.share .bdsharebuttonbox a:hover{
	background: rgba(229,130,28,.8);
	border-color:rgba(229,130,28,.8);
	color: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
}
/*subbanner*/
.sec-subbanner{
	background-repeat: no-repeat;
	background-position:center center; 
	background-size: cover;
	height: 400px;
}
.sec-subbanner .container{height: 100%;}
.sec-subbanner .hr{
	width: 22px;
	height: 2px;
	background: #fff;
	opacity: 0.5;
	filter:"alpha(opacity=50)";
	-ms-filter:"alpha(opacity=50)";
	margin-bottom: 12px;
}
.sec-subbanner h4{
	font-size: 38px;
	line-height: 1;
	color: #fff;
	font-family: "Arial";
}
.sec-subbanner h3{
	font-size: 32px;
	color: #fff;
}
/*菜单*/
.sec-menu{padding-bottom:15px;}
.menu-box{
	border-bottom: 1px solid #dedede;
	height: 67px;
	background: #fff;
}
.menu-box .container{position: relative;}
.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom:11px;}
.menu-cont{
	height: 74px;
	overflow: hidden;
}
.menu-scroll a{
	float: left;
	padding:0 30px;
	line-height: 66px;
	color: #777;
	text-align: center;
	position: relative;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.menu-scroll a::after{
	content: '';
	width: 18px;
	height: 8px;
	background: url(../images/menu_b.png) no-repeat center;
	position: absolute;
	left: 50%;
	top:100%;
	margin-left: -9px;
	z-index: 2;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.menu-scroll a:hover,
.menu-scroll a.active{
	background: #ff9124;
	color: #fff;
}
.menu-scroll a:hover::after,
.menu-scroll a.active::after{opacity: 1;}
.menu-scroll{position: relative;}
.menuSlide{width: 100%;position: relative;}
.menuSlide .swiper-slide{width: auto;padding-bottom: 8px;}
.menuSlide .swiper-slide a{
	float: none;
	display: inline-block;
}
.menu-arrow{
	position: absolute;
	right: 0;
	top:0;
	z-index: 10;
	display: none;
}
.menu-arrow::after{
	content: '';
	width: 1px;
	height: 10px;
	background: #ededed;
	position: absolute;
	right:50%;
	top:50%;
	margin-top: -5px;
	z-index: -1;
}
.menu-arrow span{
	float: left;
	width: 32px;
	height: 66px;
	font-size: 16px;
	color: #333;
	line-height: 66px;
	cursor: pointer;
	transition: all .3s;
}
.menu-prev{text-align: left;}
.menu-next{text-align: right;}
.menu-arrow span:hover{color: #ff9124}
.menu-more{padding-right: 100px;}
/*面包屑*/
.sec-breadcrumb .crumb{float: right;}
.crumb a,
.crumb i,
.crumb span{
	float:left;
	font-size: 14px;
	color: #777;
	line-height:30px;
}
.crumb i{font-size: 12px;}
.crumb a.crumb-home{padding-left: 25px;background:url(../images/crumb.png) no-repeat left center;}
.crumb a{
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.crumb i{padding:0 6px;}
.crumb a:hover{color: #e5821c}
/*news*/
.sec-news{padding:13px 0 80px;}
.news-item{padding:30px 0;border-bottom: 1px dashed #d7d7d7;position: relative;}
.news-item .m-more{
	display: block;
	position:absolute;
	right: 0;
	top:30px;
	width: 50px;
	height: 183px;
	background: url(../images/icon-more.png) no-repeat center center #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.news-item .m-more:hover{
	background: url(../images/icon-more02.png) no-repeat center center #ff9124;
}
.news-item .m-pic{
	float: left;
	width: 260px;
	height: 183px;
	overflow: hidden;
}
.news-item .m-pic img{
	width: 100%;
	height: 100%;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}
.news-item .m-pic:hover img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.news-item .m-cont{
	margin:20px 218px 0 300px;
}
.news-item .m-tit{
	display: block;
	font-size: 18px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.news-item .m-tit:hover{color: #ff9124}
.news-item .m-des{
	line-height: 24px;
	color: #777;
	height: 48px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 13px 0 30px;
}
.news-item .time{color: #888;}
/*分页*/
.pagination .zzzz
{
    display:none;
    }
.pagination{text-align: center;margin-top: 60px;}
.pagination a{
	display: inline-block;
	font-size: 18px;
	color: #777;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 40px;
	border:1px solid #dbdbdb;
	vertical-align: middle;
	margin:0 5px;
	transition: all .3s ease-in-out;
}
.pagination a.page-icon{
	color: #333;
	font-size: 16px;
}
.pagination a:hover,
.pagination a.on{
	background-color: #ff9124;
	border-color: #ff9124;
	color: #fff;
}
/*news-detail*/
.sec-newsDetail{padding:20px 0 80px;}
.news-fir{text-align: center;}
.news-title{
	font-size: 18px;
	line-height: 24px;
}
.news-time{color: #777;}
.news-share {
    text-align: center;
    position: relative;
    margin-top: 45px;
    z-index: 1;
    font-size: 0;
}
.news-share::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}
.news-share .share{display: inline-block;background: #f8f8f8;padding:0 15px;}
.news-detail{color: #777;line-height: 1.72;padding:45px 0;}
.news-detail img{max-width: 100%;}
.page-box{text-align: center;}
.page-detail{border: 1px solid #dedede;display: inline-block;}
.page-detail a {
    float: left;
    font-size: 16px;
    color: #999;
    text-align: center;
    line-height: 56px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.page-detail a.back {
    width: 578px;
    height: 58px;
}
.page-detail a.prev, .page-detail a.next {
    width: 310px;
    height: 58px;
}
.page-detail a.prev {
    border-right: 1px solid #dedede;
}
.page-detail a.next {
    border-left: 1px solid #dedede;
}
.page-detail a i {
    margin: 0 10px;
}
.page-detail a:hover{
	background: #ff9124;
	color: #fff;
}
/*contact*/
.rel{position: relative;}
.abs{position: absolute;top:-130px;left: 0;height:1px;}
.sec-contact{background: #f7f7f7;padding:20px 0 80px;}
.contact-title{text-align: center;margin-bottom:58px;}
.contact-title h5{font-size: 28px;line-height: 38px;}
.contact-title h6{font-size: 12px;color: #dbdbdb;line-height:18px;text-transform: uppercase;}
.map-box{
	float: right;
	width: 730px;
	height: 530px;
}
.contact-info{
	float: left;
	width: 395px;
}
.contact-info .company{font-size:18px;}
.contact-fir{font-size: 13px;color: #777;margin:24px 0 40px;}
.contact-fir p{margin-bottom:10px;}
.contact-fir a{color: #777;margin-right:10px;transition: all .3s;}
.contact-fir a:hover{color: #ff9124}
.form-group{margin-bottom: 10px;}
.form-group input,.form-group textarea{
    width: 100%;
    height: 42px;
    background: #fff;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    padding:5px 10px;
    border: 1px solid #e3e3e3;
    transition:border-color .5s ease-in-out;
}
.form-group textarea {
    height:125px;
    resize: none;
}
.form-group input:focus, 
.form-group textarea:focus{
    border-color: #ff9124;
}
.form-group input::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder{ 
	color:#777;
	font-size: 14px;
}
.form-group input:-moz-placeholder,
.form-group textarea:-moz-placeholder{ 
   color:#777;
   font-size: 14px;
}
.form-group input::-moz-placeholder,
.form-group textarea::-moz-placeholder{
   color:#777;
   font-size: 14px;
}
.form-group input:-ms-input-placeholder,
.form-group textarea:-ms-input-placeholder{
   color:#777;
   font-size: 14px;
}
.btn{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;
}
.btn-submit{
	line-height: 38px;
	padding:0 36px;
	border:1px solid #ff9124;
	border-radius: 19px;
	background-color: #ff9124;
	color: #fff;
	transition-duration: 400ms;
}
.btn-submit:hover{
	color: #ff9124;
	background-color:transparent;
	transition-duration: 500ms;
}
/*人才招聘*/
.sec-job{padding:73px 0 80px;background: #fff;}
.job-list li{margin-bottom: 15px;border:1px solid #e2e2e2;padding:0 20px;transition: all .3s;}
.job-head{padding:14px 0 18px 0;cursor: pointer;}
.job-fir{float: left;width: 900px}
.job-fir .m-zw{font-size: 18px;}
.job-fir .need{color: #777;}
.job-sec{float: right;width: 125px;}
.job-sec .time{color: #9e9e9e;font-size:13px;line-height:23px;text-align: right;}
.job-sec .tig{
	float: right;
	width:40px;
	height: 16px;
	border-radius: 10px;
	background-color: #bcbcbc;
	margin-top: 13px;
	position:relative;
	transition: all .3s;
}
.job-sec .tig::before{
	content: '';
	width: 10px;
	height: 1px;
	background: #fff;
	position: absolute;
	left:15px;
	top:7px;
	transition: all .3s;
}
.job-sec .tig::after{
	content: '';
	width: 1px;
	height: 10px;
	background: #fff;
	position: absolute;
	left:19.5px;
	top:3px;
	transition: all .3s;
}
.job-head:hover .job-sec .tig{background: #ff9124;}
.job-cont{
	display: none;
}
.job-padd{padding:30px 0 40px;position: relative;border-top: 1px solid #e2e2e2;}
.job-info{margin-right: 180px;}
.job-info dt{font-size: 18px;margin-bottom: 10px;}
.job-info dd{line-height: 24px;color: #777;}
.btn-job{
	line-height: 34px;
	border:1px solid #ff9124;
	border-radius:20px;
	padding:0 36px;
	background-color: #ff9124;
	color: #fff;
	position: absolute;
	bottom: 40px;
	right: 20px;
}
.btn-job:hover{
	color: #ff9124;
	background-color:transparent;
}
.job-list li.open .job-cont{display: block;}
.job-list li.open .job-sec .tig::after{opacity: 0;}
.job-list li:hover{border-color: #ff9124}
.anchor{
	position: fixed;
	top:0px;
	left: 0;
	width: 100%;
	padding:15px 0;
	z-index:490;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	text-align: center;
	display: none;
}
.anchor li{
	display: inline-block;
	vertical-align: middle;
	margin:0 5px;
}
.anchor li a{
	display: block;
	padding:0 26px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #333;
    border:1px solid #dfdfdf;
    border-radius: 20px;
    transition: all .3s;
}
.anchor li.on a,
.anchor li a:hover{
	border-color: #ff9124;
	color: #ff9124
}
/*客户服务*/
.sec-service{padding:20px 0 80px;}
.service-fir{background: #fff;}
.service-fir .m-pic{
	float: left;
	width: 656px;
	height: 332px;
	overflow: hidden;
}
.service-fir .m-pic img{
	width: 100%;
	height: 100%;
	transition: all .8s;
}
.service-fir .m-pic:hover img{
	transform: scale(1.05);
}
.service-fir .m-cont{
	float: right;
	width: 544px;
	height: 332px;
	border-right: 10px solid #ff9124;
	text-align: center;
	padding:10px 20px;
}
.service-fir .m-info{display: inline-block;text-align: left;}
.service-fir .m-tit{font-size: 20px;color: #ff9124;}
.service-fir .m-des{
	margin-top: 20px;
	line-height: 24px;
	color: #777;
}
.service-sec{margin-top: 53px;}
.service-tit{
	font-size: 20px;
	color: #ff9124;
	margin-bottom: 20px;
}
.services-thr{margin-bottom: 20px;}
.services-thr .m-tit{font-size: 18px;margin-bottom:10px;}
.services-thr p{line-height: 24px;color: #777;}
/*常见问题*/
.sec-faq{padding:20px 0 80px;}
.sec-faq li{
	border-left: 1px solid #e3e3e3;
	margin-left: 10px;
	padding-bottom: 30px;
}
.faq-le{
	float: left;
	width: 108px;
	padding:7px 18px;
	font-size: 16px;
	color: #666;
	position: relative;
}
.faq-le .dot{
	width: 16px;
	height: 16px;
	background: #e3e3e3;
	border-radius: 50%;
	padding:4px;
	position: absolute;
	left: -8px;
	top:12px;
	z-index: 2;
}
.faq-le .dot i{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #333;
	transition: all .3s;
}
.faq-ri{
	float: right;
	width: 1080px;
	background: #fff;
	border:1px solid #ececec;
	border-radius: 3px;
	padding:27px 40px 22px 20px;
	position: relative;
}
.faq-ri::before{
	content: '';
	width: 11px;
	height: 13px;
	background: url(../images/faq_01.png) no-repeat center;
	position: absolute;
	left: -11px;
	top:13px;
	z-index: 2;
}
.faq-ri .m-tit{
	font-size: 18px;
	transition: all .3s;
}
.faq-ri .m-tit i{
	font-size: 21px;
	color: #c0c0c0;
	line-height: 27px;
	margin-right: 20px;
}
.faq-ri .m-des{
	color: #777;
	margin-top: 10px;
	margin-left: 40px;
}
.faq-list li:hover .faq-le .dot i{background: #ff9124;}
.faq-list li:hover .faq-ri .m-tit,.faq-list li:hover .faq-ri .m-tit i{color: #ff9124}
/*资料下载*/
.sec-download{padding:20px 0 80px;}
.download-box .m-thead{
	border-left: 1px solid #ff9124;
	border-right: 1px solid #ff9124;
	background: #ff9124;
}
.download-box .m-th{
	float: left;
	color: #fff;
	line-height: 22px;
	padding:14px 10px;
	text-align: center;
}
.download-box .col1{width: 170px;padding-left:70px;}
.download-box .col2{width:590px;}
.download-box .col3{width:240px;}
.download-box .col4{width:100px;}
.download-box .m-tbody{
	border: 1px solid #dbdbdb;
	border-top: none;
}
.download-box .m-tbody .m-tr{
	border-top:1px solid #dbdbdb;
}
.download-box .m-tbody .m-td{
	float: left;
	text-align: center;
	padding:9px 10px;
	color: #777;
	line-height: 22px;
}
.download-box .btn-download{
	display: block;
	margin:0 auto;
	color: #dbdbdb;
	font-size: 16px;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	transition: all .3s;
}
.download-box .btn-download:hover{color: #ff9124}
/*各办事处*/
.sec-offices{padding:20px 0 80px;}
.offices-list{margin-left: -30px;}
.offices-item{
	float: left;
	width: 380px;
	margin-left: 30px;
	background: #fff;
	margin-bottom: 30px;
}
.offices-item .m-pic{
	width: 100%;
	height: 234px;
	overflow: hidden;
}
.offices-item .m-pic img{
	width: 100%;
	height: 100%;
	transition: all .8s;
}
.offices-item:hover .m-pic img{
	transform: scale(1.1);
}
.offices-item .m-cont{
	padding:20px 50px;
	height: 154px;
}
.offices-item .m-tit{font-size: 18px;}
.offices-item .m-des{
	line-height: 24px;
	color: #777;
	margin-top: 10px;
}
.offices-item .m-des a{color: #777;transition: all .3s;}
.offices-item .m-des a:hover{color:#ff9124;}
/*关于我们*/
.sec-about{padding:20px 0 80px;}
.about-pic{
	float: left;
	padding:25px 32px;
	position: relative;
	z-index: 1;
}
.about-pic .m-pic{
	width: 530px;
	height: 383px;
	overflow: hidden;
}
.about-pic .m-pic img{
	width: 100%;
	height: 100%;
	transition: all .8s;
}
.about-pic .m-pic:hover img{
	transform: scale(1.1);
}
.about-pic::before{
	content: '';
	position: absolute;
	left: 0;
	top:0;
	z-index: -1;
	width: 534px;
	height: 100%;
	border:1px solid #ff9124;
}
.about-info{
	float: right;
	width: 580px;
	padding:34px 0;
}
.about-info .m-en{
	font-size: 38px;
	color:#ff9124;
	line-height: 1;
	font-weight: bold;
}
.about-info .m-tit{font-size: 20px;margin:10px 0 20px;padding-left: 35px;position: relative;}
.about-info .m-tit::before{
	content: '';
	width: 27px;
	height: 2px;
	background: #ff9124;
	position: absolute;
	left: 0;
	top:10px;
}
.about-info .m-des{
	line-height: 24px;
	color: #777;
}
/*企业文化*/
.sec-culture{
	background:url(../images/about_02.jpg) no-repeat center;
	background-size: cover;
	padding:58px 0 80px;
}
.sec-culture .contact-title h5{color:#fffefe;}
.sec-culture .contact-title h6{color: #999}
.culture-item{
	float: left;
	width: 25%;
	min-height: 310px;
	border-left: 1px solid rgba(255,255,255,.1);
	text-align: center;
	padding:0 10px;
}
.culture-item:first-child{border-left: none;}
.culture-item .m-icon{
	width: 94px;
	height: 94px;
	margin: 28px auto 16px auto;
	background:url(../images/about_04.png) no-repeat;
}
.culture-item.it-01 .m-icon{
	background-position: 0 0;
}
.culture-item.it-02 .m-icon{
	background-position:-94px 0;
}
.culture-item.it-03 .m-icon{
	background-position:-188px 0;
}
.culture-item.it-04 .m-icon{
	background-position:-282px 0;
}
.culture-item .m-icon i{
	display: block;
	width: 100%;
	height: 100%;
	background:url(../images/about_03.png) no-repeat center;
	transition: all .5s;
}
.culture-item:hover .m-icon i{
	transform: rotate(270deg);
}
.culture-item .m-tit{
	font-size: 18px;
	color: #fff;
}
.culture-item .m-des{
	text-align: center;
	color: #777;
	line-height: 24px;
	margin-top: 20px;
}
/*发展历程*/
.sec-development{background: #fff;padding:75px 0 80px;}
.develop-cont{
	background: #f8f8f8;
	padding:45px 47px;
	position: relative;
	z-index: 1;
	height: 476px;
}
.develop-cont::before{
	content: '';
	width: 437px;
	height: 100%;
	background: #ff9124;
	position: absolute;
	left: 0;
	top:0;
	z-index: -1;
}
.deveSlide{
	position: relative;
	width: 100%;
}
.deveSlide .deve-pic{
	float: left;
	width: 528px;
	height: 386px;
	overflow: hidden;
	position: relative;
}
.deveSlide .deve-pic img{
	width: 100%;
	height: 100%;
}
.deve-info{
	float: right;
	width: 545px;
	height:286px;
	padding:0 25px;
	margin:22px 0;
}
.deve-info .m-year{
	font-size: 28px;
	color: #ff9124;
}
.deve-info .m-tit{font-size: 18px;}
.deve-info .m-des{
	margin-top: 25px;
	border-top: 1px solid #dedede;
	padding-top: 24px;
	line-height: 24px;
	color: #777;
}
.deveSlide .deve-prev,
.deveSlide .deve-next{
	width: 42px;
	height: 42px;
	border:1px solid #dbdbdb;
	font-size: 16px;
	color: #000;
	text-align: center;
	line-height: 40px;
	position: absolute;
	bottom: 14px;
	z-index: 10;
	cursor: pointer;
	transition: all .3s;
}
.deveSlide .deve-prev{right: 477px;}
.deveSlide .deve-next{right: 424px}
.deveSlide .deve-prev:hover,
.deveSlide .deve-next:hover{
	background: #ff9124;
	border-color:#ff9124;
	color: #fff;
}
/*.preview{
	position: relative;
	padding:8px 40px;
	margin-top: 60px;
	z-index: 1;
}*/
/*.preview .deve-line{
	width: 100%;
	height: 1px;
	border-top: 1px dashed #dedede;
	position: absolute;
	top:14px;
	left: 0;
	z-index: -1;
}
.preview .arrow-left,
.preview .arrow-right{
	width: 30px;
	height: 30px;
	border:1px solid #333;
	border-radius: 50%;
	text-align: center;
	line-height: 28px;
	font-size: 12px;
	color:#333;
	background: #fff;
	cursor: pointer;
	position: absolute;
	top:0;
	z-index: 10;
	transition: all .3s;
}
.preview .arrow-left{left: 0}
.preview .arrow-right{right: 0}
.preview .arrow-left:hover,
.preview .arrow-right:hover{
	background: #ff9124;
	border-color: #ff9124;
	color: #fff;
}
.preview .swiper-slide{
	width: 140px;
	text-align: center;
	cursor: pointer;
}
.preview .m-dot{
	width: 14px;
	height: 14px;
	border: 1px solid #dbdbdb;
	border-radius: 50%;
	background: #fff;
	margin:0 auto 24px auto;
	position: relative;
	transition: all .3s;
}
.preview .m-dot::after{
	content: '';
	width: 1px;
	height: 13px;
	background:#ff9124;
	opacity: 0;
	position: absolute;
	top:100%;
	left: 50%;
	margin-left: -0.5px;
	transition: all .3s;
}
.preview .swiper-slide:hover .m-dot,
.preview .swiper-slide.active-nav .m-dot{
	background: #ff9124;
	border-color: #ff9124;
}
.preview .swiper-slide.active-nav .m-dot::after{opacity: 1}
.preview .m-year{
	color: #777;
	font-size: 18px;
	transition: all .3s;
}
.preview .swiper-slide:hover .m-year,
.preview .swiper-slide.active-nav .m-year{color: #ff9124}*/
/*组织架构*/
.sec-organ{padding:36px 0 80px;}
.organ-box{text-align: center;max-width: 100%}
/*研发团队*/
.sec-team{padding:20px 0 80px;}
.teamSlide{position: relative;}
.team-arrow{
	position: absolute;
	left: 478px;
	bottom: 0;
	z-index: 10;
}
.team-arrow span{
	float: left;
	width: 42px;
	height: 42px;
	background: transparent;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	cursor:pointer; 
	transition: all .3s;
}
.team-prev{
	color: #fff;
	border:1px solid rgba(219,219,219,.5);
}
.team-next{
	color: #777;
	border:1px solid #777;
}
.team-arrow span:hover{
	background: #ff9124;
	border-color: #ff9124;
	color: #fff;
}
.team-box{
	background: #fff;
	padding-right: 36px;
}
.team-pic{
	float: left;
	width: 520px;
	height: 404px;
	overflow: hidden;
}
.team-pic img{
	width: 100%;
	height: 100%;
}
.team-cont{
	float: right;
	width: 580px;
	height: 284px;
	margin:60px 0;
	padding-right: 30px;
}
.team-cont .m-en{
	font-size: 28px;
	color: rgba(51,51,51,.1);
	line-height: 30px;
}
.team-cont .m-tit{font-size: 18px;}
.team-cont .hr{
	width: 25px;
	height: 2px;
	background: #ff9124;
	margin: 25px 0;
}
.team-cont .m-des{
	color: #777777;
	line-height: 24px;
}
/*科研成果*/
.sec-payoffs{
	padding:55px 0 80px;
	background:url(../images/make_04.jpg) no-repeat center;
	background-size: cover;
}
.sec-payoffs .contact-title h5{color:#fff;}
.sec-payoffs .contact-title h6{color:#999;}
.payoffsSlide .swiper-slide{
	width: 380px;
	margin-right:30px;
}
.payoffsSlide .swiper-slide a{
	display: block;
}
.payoffsSlide .m-pic{
	width: 100%;
	height: 454px;
	background:url(../images/make_01.jpg) no-repeat center;
	padding:36px 38px;
}
.payoffsSlide .m-pic img{
	width: 100%;
	height: 100%;
}
.payoffsSlide .m-tit{
	font-size: 18px;
	margin-top: 25px;
	padding:0 10px;
	color: #fff;
	text-align: center;
}
.payoffs-arrow{margin-top: 55px;text-align: center;}
.payoffs-arrow span{
	display: inline-block;
	vertical-align: middle;
	border:1px solid rgba(219,219,219,.5);
	width: 42px;
	height: 42px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	margin:0 5px;
	cursor: pointer;
	transition: all .3s;
}
.payoffs-arrow span:hover{
	background: #ff9124;
	border-color: #ff9124;
}
/*制造实力*/
.sec-strength{padding:75px 0 80px;}
.strength-list{
	margin-left: -20px;
	margin-top: -20px;
}
.strength-item{
	float: left;
	width: 320px;
	height: 244px;
	overflow: hidden;
	margin-left: 20px;
	margin-top: 20px;
	position: relative;
}
.strength-item.first{
	width: 520px;
	height: 508px;
}
.strength-item img{
	width: 100%;
	height: 100%;
}
.strength-item .m-tit{
	width: 100%;
	color: #fff;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
	padding:13px 10px;
	background: rgba(0,0,0,.56);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}
/*品质管理*/
.sec-quality{padding:76px 0 80px;background: #fff;}
.qualitySlide{position: relative;}
.qualitySlide .swiper-slide{
	width: 100%;
	height:500px;
}
.qualitySlide .swiper-slide img{
	width: 100%;
	height: 100%;
}
.quality-arrow span{
	display: block;
	width: 42px;
	height: 42px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 42px;
	background: rgba(255,255,255,.5);
	position: absolute;
	top:50%;
	margin-top: -21px;
	z-index: 10;
	cursor: pointer;
	transition: all .3s;
}
.quality-prev{left:-42px;}
.quality-next{right: -42px;}
.qualitySlide:hover .quality-prev{
	left: 0;
}
.qualitySlide:hover .quality-next{
	right: 0;
}
.quality-arrow span:hover{
	background: #ff9124;
}
.quality-pagination{
	width: 100%;
	margin-top: 30px;
	height: 119px;
}
.quality-pagination .m-spic{display: none;}
.quality-pagination .swiper-pagination-bullet{
	margin:0;
	float: left;
	width: 285px;
	height: 119px;
	margin-left: 20px;
	background: #fff;
	border:none;
	border-radius: 0;
	opacity: 1;
	position: relative;
	cursor: pointer;
	transition: all .3s;
}
.quality-pagination .swiper-pagination-bullet:first-child{
	margin-left: 0;
}
.quality-pagination .swiper-pagination-bullet img{
	width: 100%;
	height: 100%;
}
.quality-pagination .swiper-pagination-bullet::after{
	content: '';
	width: 100%;
	height: 100%;
	border:3px solid #ff9124;
	opacity: 0;
	position: absolute;
	top:0;
	left: 0;
	z-index: 2;
	transition: all .3s;
}
.quality-pagination .swiper-pagination-bullet:hover::after,
.quality-pagination .swiper-pagination-bullet-active::after{
	opacity: 1;
}
/*solution*/
.sec-solution{padding:37px 0 80px;}
.solution-list{
	margin:-35px -16px 0 -16px;
}
.solution-item{
	display: block;
	float: left;
	width: 278px;
	margin:35px 15px 0 15px;
}
.solution-item .m-pic{
	width: 100%;
	height:236px;
	overflow: hidden;
	position: relative;
}
.solution-item .m-pic img{
	width: 100%;
	height: 100%;
	transition: all .6s ease;
}
.solution-item .m-tit{
	font-size: 18px;
	padding-top: 26px;
	text-align: center;
	-o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;
    transition: all .3s;
}
.solution-item .m-mark{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,145,36,.75);
	text-align: center;
	z-index: 10;
	opacity: 0;
	transition: all .6s ease;
}
.solution-item .m-dot{
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background:url(../images/icon-add.png) no-repeat center rgba(255,255,255,.5);
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -38px;
	margin-top:-38px;
	z-index: 11;
	transform: translateY(30px);
	transition: all .6s ease;
}
.solution-item:hover .m-mark{opacity: 1;}
.solution-item:hover .m-dot{transform: translateY(0);}
.solution-item:hover .m-tit{color:#ff9124;}
.solution-item:hover .m-pic img{
	transform: scale(1.08);
}
/*solution-detail*/
.sec-solutionDet{padding:20px 0 80px;}
.sec-solutionDet .news-detail{
	padding:30px 0 83px 0;
	border-top: 1px solid #dbdbdb;
	margin-top: 15px;
}
.sol-label a{
	color: #777;
	margin-right: 30px;
	transition: all .3s;
}
.sol-label a:hover{color: #ff9124}
.sol-page{margin-top: 28px;}
.sol-page a{
	float: left;
	border:1px solid #dedede;
	padding:0 45px;
	line-height: 38px;
	border-radius: 20px;
	text-align: center;
	margin-right: 20px;
	transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;
}
.sol-page a:hover{
	color: #fff;
	background-color: #ff9124;
	border-color: #ff9124;
	transition-duration: 0.4s;
}
/*产品中心*/

.product-list{
	margin-left: -30px;
	margin-top: -30px;
}
.product-item{
	float: left;
	width: 30%;
	height: 465px;
	background: #fff;
	position: relative;
}
.product-item1{
	float: left;
	width: 100%;
	height: 465px;
	background: #fff;
	position: relative;
}
.product-list .product-item{
	margin-left: 30px;
	margin-top: 30px;
}
.product-item::before,
.product-item::after{
	content: '';
	position: absolute;
	left: 0;
	top:0;
	overflow: hidden;
	z-index: 4;
	transition: all .6s ease;
}
.product-item::before{
	border-top:2px solid #ff9124;
	border-bottom:2px solid #ff9124;
	width: 0;
	height: 100%;
}
.product-item::after{
	border-left:2px solid #ff9124;
	border-right:2px solid #ff9124;
	width: 100%;
	height: 0;
}
.product-item:hover::before{width: 100%;}
.product-item:hover::after{height: 100%;}
.product-item .m-box{
	width: 100%;
	height: 100%;
	border:1px solid #dbdbdb;
}
.product-item .m-pic{
	width: 100%;
	height: 378px;
	overflow: hidden;
}
.product-item .m-pic img{
	width: 100%;
	/*height: 100%;8*/
}
.product-item .m-cont{
	padding:0 25px;
}
.product-item .m-bor{
	border-top: 1px dashed #dbdbdb;
	padding-top:25px;
}
.product-item .m-tit{
	font-size: 18px;
	transition: all .3s;
}
.product-item .m-des{font-size: 12px;color: #dbdbdb;margin-top: 5px;transition: all .3s;}
.product-item:hover .m-tit,
.product-item:hover .m-des{
	color: #ff9124
}


.product-list .product-item1{
	margin-left: 30px;
	margin-top: 30px;
}
.product-item1::before,
.product-item1::after{
	content: '';
	position: absolute;
	left: 0;
	top:0;
	overflow: hidden;
	z-index: 4;
	transition: all .6s ease;
}
.product-item1::before{
	border-top:2px solid #ff9124;
	border-bottom:2px solid #ff9124;
	width: 0;
	height: 100%;
}
.product-item1::after{
	border-left:2px solid #ff9124;
	border-right:2px solid #ff9124;
	width: 100%;
	height: 0;
}
.product-item1:hover::before{width: 100%;}
.product-item1:hover::after{height: 100%;}
.product-item1 .m-box{
	width: 100%;
	height: 100%;
	border:1px solid #dbdbdb;
}
.product-item1 .m-pic{
	width: 100%;
	height: 378px;
	overflow: hidden;
}
.product-item1 .m-pic img{
	width: 100%;
	height: 100%;
}
.product-item1 .m-cont{
	padding:0 25px;
}
.product-item1 .m-bor{
	border-top: 1px dashed #dbdbdb;
	padding-top:25px;
}
.product-item1 .m-tit{
	font-size: 18px;
	transition: all .3s;
}
.product-item1 .m-des{font-size: 12px;color: #dbdbdb;margin-top: 5px;transition: all .3s;}
.product-item1:hover .m-tit,
.product-item1:hover .m-des{
	color: #ff9124
}
/*产品详情*/
.sec-productDet{padding:20px 0 80px;}
.pro-det-le{
  float: left;
  width:447px;
}
/*图片放大镜样式*/
.spec-preview{
	width:447px;
	height: 447px;
}
.jqzoom {
  float: left;
  position: relative;
  cursor: pointer;
  display: block;
	width:447px;
  border: 1px solid #dbdbdb;
  height: 447px;
  overflow: hidden;
}
.jqzoom img{width:100%; height:100%;}
.zoomdiv{
  z-index:100;
  position:absolute;top:0px;left:0px;
  width:365px;height:300px;
  background:#ffffff;
  display:none;
  text-align:center;
  overflow:hidden;
  border:1px solid #ECECEC;
}
.jqZoomPup{
  z-index:10;visibility:hidden;
  position:absolute;top:0px;left:0px;
  width:20px;height:20px;border:1px solid #aaa;
  background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);
}
/*图片小图预览列表*/
.spec-scroll{
  width:100%;
  height:127px;
  margin-top:20px;
}
.spec-scroll .prev,
.spec-scroll .next{
  width:24px;
  height:77px;
  font-size: 24px;
  line-height: 77px;
  color:#bebebe;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.spec-scroll .prev{
	float: left;
  text-align: left;
}
.spec-scroll .next{
  float:right;
  text-align: right;
}
.spec-scroll .prev:hover,
.spec-scroll .next:hover{
  color: #ff9124;
}
.spec-scroll .items{
  margin:0 40px;
  position:relative;
   height:77px;
  overflow:hidden;
}
.spec-scroll #itemsUl{
  position:absolute;
  width:999999px;
   height:77px;
}
#itemsUl li{
  float:left;
  width:84px;
  height:77px;
  text-align:center;
  margin-right:10px;
  border:1px solid #dbdbdb;
  cursor: pointer;
  transition: all .3s;
}
#itemsUl li img{
  width:100%;height:100%;
}
#itemsUl li.hover,
#itemsUl li:hover { 
  border:1px solid #ff9124;
}
.pro-det-ri{
  float: right;
  width:680px;margin-right:260px;
}
@media (max-width:1680px) 
{
    .pro-det-ri{
  width:570px;margin-right:120px;}
}
@media (max-width:1520px) 
{
    .pro-det-ri{
  width:630px;margin-right:0px;}
}
@media (max-width:1460px) 
{
    .pro-det-ri{
  width:500px;margin-right:0px;}
}
@media (max-width:1280px) 
{
    .pro-det-ri{
  width:400px;margin-right:0px;}
}
.product-title{
	font-size: 20px;
	line-height: 25px;
	color: #fff;
	padding:15px 20px;
	background: #a4a4a4;
}
.product-des{padding:20px;}
.product-des dl{margin-bottom: 15px;}
.product-des dt{
	font-size: 18px;
}
.product-des dd{
	line-height: 26px;
	color: #777;
	margin-top: 10px;
}
.product-caoz{padding:0 20px;}
.btn-ljzx{
	background-color: #ff9124;
	border:1px solid #ff9124;
	padding:0 36px;
	line-height: 38px;
	border-radius: 20px;
	color: #fff;
}
.btn-ljzx:hover{
	background-color: transparent;
	color: #ff9124
}
.product-caoz .share-text{
	color: #646464;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
.product-caoz .share{
	display: inline-block;
	vertical-align: middle;
}
.product-caoz .share .bdsharebuttonbox a{
	border-color: transparent;
	color: #acacac;
}
.product-caoz .share .bdsharebuttonbox a:hover{
	color: #ff9124;
	background-color: transparent;
}
.spec-tab{background: #a4a4a4}
.spec-tab li{
	float: left;
	padding:0 32px;
	line-height: 55px;
	color: #fff;
	text-align: center;
	background: #ff9124;
	transition: all .3s;
}
.spec-cont{
	color:#777;
	line-height: 26px;
	padding:23px 0 33px;
}
.spec-cont p{
	padding-left: 20px;
	background:url(../images/dbx.png) no-repeat left center;
}
.spec-bq{color: #777;margin-top: 37px;}
.spec-bq a{color: #777;position: relative;margin:0 10px;transition: all .3s;}
.spec-bq a::after{
	content: '';
	width: 1px;
	height: 9px;
	background: #dedede;
	position: absolute;
	top:50%;
	right: -10px;
	margin-top: -4.5px;
}
.spec-bq a:last-child::after{display: none;}
.spec-bq a:hover{color: #ff9124}
.recommend-tit{text-align: center;border-bottom:1px solid #dedede;}
.recommend-tit .m-tit{
	font-size: 20px;
	display: inline-block;
	padding:0 22px 15px 22px;
	position:relative;
}
.recommend-tit .m-tit::after{
	content: '';
	width: 100%;
	height:2px;
	background: #ff9124;
	position:absolute;
	bottom:-1px;
	left: 0;
}
.recommend-box{margin-top: 60px;}
.recom-arrow{margin-top: 55px;text-align: center;}
.recom-arrow span{
	display: inline-block;
	vertical-align: middle;
	border:1px solid #dbdbdb;
	width: 42px;
	height: 42px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	color: #000;
	margin:0 5px;
	cursor: pointer;
	transition: all .3s;
}
.recom-arrow span:hover{
	background: #ff9124;
	border-color: #ff9124;
	color: #fff;
}
/*home-banner*/
.bannerSlide .swiper-slide{background: #fff;}
.banner-img{
	height: 600px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.banner-img .container-middle{height: 100%;}
.banner-cont{
	opacity: 0;
	transform: translateY(30px);
	transition: all 1.2s ease;
}
.bannerSlide .swiper-slide-active .banner-cont{
	opacity: 1;
	transform: translateY(0);
}
/*.banner-text{
	font-size: 52px;
	line-height: 63px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 44px;
}*/
.banner-img .btn-bann{
	font-size: 16px;
	line-height: 48px;
	padding:0 45px;
	color: #fff;
	background-color: #ff9124;
	border:1px solid #ff9124;
	border-radius: 25px;
}
.banner-img .btn-bann i{
	margin-left: 20px;
	font-size: 20px;
	vertical-align: middle;
}
.banner-img .btn-bann:hover{
	background-color: #e5821c;
}
.bann-arrow span{
	display: block;
	width: 42px;
	height: 42px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 42px;
	background: rgba(255,255,255,.5);
	position: absolute;
	top:50%;
	margin-top: -21px;
	z-index: 10;
	cursor: pointer;
	transition: all .3s;
}
.bann-prev{left:-42px;}
.bann-next{right: -42px;}
.bannerSlide:hover .bann-prev{
	left: 0;
}
.bannerSlide:hover .bann-next{
	right: 0;
}
.bann-arrow span:hover{
	background: #ff9124;
}
.bannerSlide .bann-pagination{
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	z-index: 10;
	text-align: center;
	font-size: 0;
}
.bann-pagination .swiper-pagination-bullet{
	display:inline-block;
	vertical-align: middle;
	width: 25px;
	height: 6px;
	background: #fff;
	border-radius: 3px;
	margin: 0 5px;
	opacity: 1;
	transition: all .5s;
}
.bann-pagination .swiper-pagination-bullet-active{
	width: 44px;
	background: #ff9124;
}
@media (max-width: 1429px){
	.banner-img{height:480px}
	.banner-text{font-size: 40px;line-height:1.2;margin-bottom:35px;}
	.banner-img .btn-bann{padding:0 26px}
}
/*home-product */
.sec-homeProduct{padding:70px 0 80px;background: #fff;}
.section-title{text-align: center;}
/*.section-title h5{
	font-size:32px;
	line-height: 50px;
	position: relative;
	z-index: 1;
}*/
.section-title h5 span{margin:0 15px;}
/*.section-title h5::before{
	content: '';
	width: 10px;
	height: 10px;
	border:2px solid rgba(228,122,19,.5);
	border-radius: 50%;
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px;
	z-index: -1;
}*/
/*.section-title h6{
	font-size: 12px;
	line-height: 18px;
	color: #dbdbdb;
	text-transform: uppercase;
	font-family: "Impact";
	letter-spacing: 5px;
}*/
.h-product{
	border-top: 1px solid #ececec;
	padding:30px 0;
	position: relative;
	margin-top: 36px;
}
.h-product::before{
	content: '';
	width: 430px;
	height: 4px;
	background: #e47a13;
	position: absolute;
	top: -3px;
	left: 50%;
	margin-left: -215px;
}
#homeProSlide .swiper-slide{
  width:506px;
  overflow: hidden;
  background: #fff;
}
#homeProSlide .swiper-slide a{
  display: block;
  width:100%;
  opacity: 0.1;
}
#homeProSlide .swiper-slide-prev a,
#homeProSlide .swiper-slide-active a,
#homeProSlide .swiper-slide-next a{opacity: 1}
#homeProSlide .m-pic{
	margin:10px 7% 0 7%;
	background: #fff;
	transition: all .2s ease;
}
#homeProSlide .swiper-slide-active .m-pic{
	box-shadow:6px 7px 45px 0 rgba(122,122,122,.13);
}
#homeProSlide .m-pic img{
	width:100%;
}
#homeProSlide .m-cont{
	background: #fff;
	padding:30px 7%;
	margin-top: -30px;
	text-align: center;
	background: #e47a13;
	opacity: 0;
	position: relative;
	z-index: -1;
	transition: all .6s ease;
}
#homeProSlide .swiper-slide-active .m-cont{opacity: 1;}
#homeProSlide .m-tit{
  font-size:18px;
  color: #fff;
  height: 27px;
  margin-top: 25px;
  text-align: center;
  -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;
}
#homeProSlide .m-des{
	margin-top: 10px;
	color:rgba(255,255,255,.8);
font-size: 16px;
  height: 24;
    text-align: center;
  -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;
}
#homeProSlide .swiper-slide-active .p-cont{opacity: 1;}
.hpro-arrow{
	position: absolute;
	top:50%;
	margin-top: -32px;
	left: 50%;
	margin-left: -700px;
	width: 1400px;
	height: 65px;
	z-index: 10;
}
.hpro-arrow span{
	width: 65px;
	height: 65px;
	border:1px solid #dedede;
	border-radius: 50%;
	background: #fff;
	font-size: 20px;
	color: #333;
	text-align: center;
	line-height: 63px;
	cursor: pointer;
	transition: all .3s;
}
.hpro-arrow span:hover{
	border-color: #ff9124;
	color: #ff9124;
}
.hpro-arrow .hpro-prev{float:left;margin-left: -65px;}
.hpro-arrow .hpro-next{float: right;margin-right: -65px;}
@media (max-width: 1540px){
	.hpro-arrow .hpro-prev{margin-left: 0}
	.hpro-arrow .hpro-next{margin-right: 0}
}
@media (max-width: 1429px){
	.hpro-arrow{width: 1200px;margin-left: -600px;}
}
.hpro-pagination{
	margin-top: 28px;
	text-align: center;
	line-height: 24px;
}
.hpro-pagination .hpro-current{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #e47a13;
	font-family: "Impact";
}
.hpro-pagination i{
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 1px;
	background: #ddd;
}
.hpro-pagination .hpro-total{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #ddd;
	font-family: "Impact";
}
/*homeCase*/
.sec-homeCase{padding:40px 0 80px;}
.home-case{ margin: 45px -15px 15px -15px;}
.case-item{
	float: left;
	width: 33.33333%;
	padding:15px;
}
.case-item .m-pic{
	width: 100%;
	position: relative;
}
.case-item .m-pic .img{
	width: 100%;
	transition: all .8s;
}
.case-item .m-mark{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 2;
	background: rgba(255,255,255,.9);
	text-align: center;
	opacity: 0;
	transition: all .6s ease;
}
.case-item .m-dot{
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background:url(../images/icon-add02.png) no-repeat center;
	transform: translateY(30px);
	opacity: 0;
	transition: all .6s ease;
}
.case-item .m-tit{
	font-size: 18px;
	margin-top: 15px;
	-o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;
    transform: translateY(30px);
    opacity: 0;
	transition: all .6s ease;
}
.case-item .m-pic:hover .m-mark{opacity: 1}
.case-item .m-pic:hover .m-dot,
.case-item .m-pic:hover .m-tit{
	opacity: 1;
	transform: translateY(0);
}
.hcase-bott{text-align:center;}
.btn-more{
	border:1px solid #dbdbdb;
	border-radius:20px;
	line-height: 38px;
	padding:0 25px;
	text-align: center;
	color: #333;
}
.btn-more i{font-size: 12px;vertical-align: middle;margin-left: 8px;}
.habout-info .btn-more{
	border-color: #fff;
	color: #fff;
}
.btn-more:hover{
	color: #fff;
	background-color:#ff9124;
	border-color: #ff9124;
}
/*homeAbout*/
.sec-homeAbout{
	padding:33px 0 20px;
	background:url(../images/home_01.jpg) no-repeat center;
	background-size: cover;
}
.sec-homeAbout .section-title h5,
.sec-homeAbout .section-title h6{color: #fff;}
.habout-box{margin-top: 50px;position: relative;}
.habout-pic{
	float: left;
	padding:25px 20px;
	position: relative;
	z-index: 1;
}
.habout-pic::before{
	content: '';
	width: 520px;
	height: 405px;
	background: rgba(255,255,255,.3);
	position: absolute;
	top:0;
	left: 0;
	z-index: -1;
}
.habout-pic .m-pic{
	width:648px;
}
.habout-pic .m-pic img{
	width: 100%;
}
.habout-info{
	float: right;
	width: 665px;
	padding:20px 50px 20px 0;
}
.habout-info .m-tit{font-size: 24px;color: #fff;}
.habout-info .m-hr{
	width: 28px;
	height: 2px;
	background: #dbdbdb;
	margin:15px 0 25px;
}
.habout-info .m-des{
	line-height: 24px;
	color: rgba(255,255,255,.8);
	height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 45px;
}
.habout-jh{
	background: #fff;
	position: absolute;
	bottom: 55px;
	right: 0;
	z-index: 5;
}
.habout-jh li{
	float: left;
	padding:20px 0 16px 0;
	width: 158px;
	text-align: center;
}
.habout-jh li a{
	display: inline-block;
	vertical-align: middle;
}
.habout-jh .m-icon{
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background:url(../images/home_02.png) no-repeat #f5f5f5;
	margin:0 auto 7px auto;
	transition: all .5s ease;
}
.habout-jh li a:hover .m-icon{
	background-color: #e5821c;
}
.habout-jh li.it-01 .m-icon{
	background-position: 0 0;
}
.habout-jh li.it-01 a:hover .m-icon{
	background-position: 0 -74px;
}
.habout-jh li.it-02 .m-icon{
	background-position:-74px 0;
}
.habout-jh li.it-02 a:hover .m-icon{
	background-position:-74px -74px;
}
.habout-jh li.it-03 .m-icon{
	background-position:-148px 0;
}
.habout-jh li.it-03 a:hover .m-icon{
	background-position:-148px -74px;
}
.habout-jh li.it-04 .m-icon{
	background-position:-222px 0;
}
.habout-jh li.it-04 a:hover .m-icon{
	background-position:-222px -74px;
}
.habout-jh li.it-05 .m-icon{
	background-position:-296px 0;
}
.habout-jh li.it-05 a:hover .m-icon{
	background-position:-296px -74px;
}
@media (max-width: 1429px){
  .habout-pic .m-pic{width: 560px;}
  .habout-info{width: 570px;}
  .habout-jh li{width: 136px;padding:15px 0;}
  .habout-info .m-des{margin-bottom:40px;}
  .habout-jh{bottom: 45px;}
  .habout-pic::before{width: 445px;height:375px;}
}
/*homeNews*/
.sec-homeNews{padding:70px 0 80px;background: #fff;}
.home-news{margin: 45px 0 20px;}
.h-news-item{margin-bottom: 30px;display: block;}
.h-news-item.it-1 .m-pic,
.h-news-item.it-2 .m-cont{
	float: right;
}
.h-news-item.it-1 .m-cont,
.h-news-item.it-2 .m-pic{
	float: left;
}
.h-news-item .m-pic{
	width: 685px;
	height: 216px;
	overflow: hidden;
	position: relative;
}
.h-news-item .m-pic::before{
	content: '';
	width: 14px;
	height: 20px;
	background: url(../images/sjx.png) no-repeat center;
	position: absolute;
	top:50%;
	margin-top: -10px;
	z-index: 4;
}
.h-news-item.it-1 .m-pic::before{
	left: 0;
	transform: rotate(180deg);
}
.h-news-item.it-2 .m-pic::before{right: 0}
.h-news-item .m-pic img{
	width:100%;
	height: 100%;
	transition: all .8s;
}
/*.h-news-item .m-cont{
	width: 685px;
	height: 216px;
	border-bottom: 1px solid #dbdbdb;
	position: relative;
}
.h-news-item .m-cont::after{
	content: '';
	width: 0;
	height: 1px;
	background: #e07518;
	position: absolute;
	left: 0;
	bottom: -1px;
	transition: all .6s;
}
.h-news-item .m-tit{
	font-size: 18px;
	transition: all .3s;
}
.h-news-item .m-time{color: #999;margin-bottom: 10px;}
.h-news-item .m-des{
	line-height: 24px;
	color: #777;
}*/
/*.h-news-item .m-dot{
	width: 40px;
	height: 40px;
	border:1px solid #dbdbdb;
	border-radius: 50%;
	position: relative;
	margin-top: 35px;
	transition: all .3s;
}*/
/*.h-news-item .m-dot::before,
.h-news-item .m-dot::after{
	content: '';
	background: #9c9c9c;
	position: absolute;
	top:50%;
	left: 50%;
	transition: all .3s;
}
.h-news-item .m-dot::before{
	width: 1px;
	height: 16px;
	margin-left: -0.5px;
	margin-top: -8px;
}
.h-news-item .m-dot::after{
	width: 16px;
	height: 1px;
	margin-left: -8px;
	margin-top: -0.5px;
}
.h-news-item:hover .m-pic img{
	transform: scale(1.1);
}
.h-news-item:hover .m-tit{color: #e5821c;}
.h-news-item:hover .m-dot{
	background: #e47a13;
	border-color: #e47a13;
}
.h-news-item:hover .m-dot::before,
.h-news-item:hover .m-dot::after{
	background: #f1bc89;
}
.h-news-item:hover .m-cont::after{
	width: 100%;
}
@media (max-width: 1429px){
	.h-news-item .m-pic,.h-news-item .m-cont{
		width: 585px;
		height: 184px;
	}
	.h-news-item .m-time{margin-bottom:5px;}
	.h-news-item .m-dot{margin-top:6px;}
}*/
/*客服*/
.kf {
	z-index:600;
	background-color: #fff;
	position: fixed;
	bottom: 100px;
	right: 20px;
	width: 62px;
	border-radius: 5px;
	display: none;
	-webkit-transition:all .8s;
	-o-transition:all .8s;
	transition:all .8s;
}
.kf span {
	z-index:602;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	cursor: pointer;
	position: relative;
	display: block;
	width: 62px;
	height: 62px;
	border-bottom: 1px solid #e3e3e3;
	background:url(../images/kefu_j.png) no-repeat center #fff;
}
.kf span:hover{background-color:#ffba00;}
.kf .zx {border-radius: 5px 5px 0 0;background-position: 0 0;}
.kf .zx:hover {background-position: 0 -62px;}
.kf .freetel {background-position:-62px 0;}
.kf .freetel:hover {background-position:-62px -62px;}
.kf .act {background-position:-186px 0;}
.kf .act:hover{background-position:-186px -62px;}
.kf .zxlya {background-position:-124px 0;}
.kf .zxlya:hover{background-position:-124px -62px;}
.kf .back_top {
	border-radius: 0 0 5px 5px;
	border: none;
	background-position:-248px 0;
}
.kf .back_top:hover {background-position:-248px -62px;}
.kf span div {
	display: none;
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	right: 75px;
	padding: 20px;
	font-size: 14px;
	color: #f4474c;
	bottom:2px;
}
.kf span div input {
	text-indent: .5em;
	display: block;
	margin: 15px 0;
	line-height: 28px;
	color: #696969;
	font-size: 12px;
	width: 140px;
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	height: 28px;
}
.kf span div a {
	-o-transition: .5s;
	transition: .5s;
	-webkit-transition: .5s;
	display: block;
	background: #f4474c;
	border-radius: 2px;
	color: #fff;
	line-height: 26px;
	font-size: 12px;
	text-align: center;
	width: 79px;
	height: 26px;
}
.kf span div a:hover {
	background: #f4474c;
}
.kfimgr{
	position: absolute;
	bottom:23px;
	right: -9px;
}
.kf span div i {
	display: block;
	position: absolute;
	width: 15px;
	height: 200px;
	right: -15px;
	top: 0;
}
.kf .zx div, .kf .freetel div,
.kf .zxlya div, .kf span:nth-child(4) div {
	text-align: center;
	min-width: 148px;
	font-size: 14px;
	color: #666;
}
.kf span:nth-child(4) div {
	white-space: nowrap;
}
.kf a{
	display:block;
	height: 100%;
	position:absolute;top:0;right:0;
	width: 100%;
}
.kf span div, .kf {
	-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
}
.nav_center div, .index_nav_center div, .shou, .zhan {
	-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.shou {
	z-index:601;
	cursor: pointer;
	width: 30px;
	height: 40px;
	top: 50%;
	margin-top: -15px;
	border-radius: 5px 0 0 5px;
	right: 62px;
	background: url("../images/kefu_j.png") no-repeat -310px 0 #fff;
	position: absolute;
}
.shou.on {background-position: -310px -40px;}

#procontent{width:100%; margin-bottom:80px;}
 .pro-left{width:20%;float:left;margin:50px 0px 0px 50px;}
.pro-menu{width:100%}
.pro-menu .pro-parent1{background:#ff9124;margin-bottom:20px}
.pro-item1{position:relative;border-bottom:solid 1px #eeeeee;padding:8px 30px}
.pro-cate1{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:20px;color:#fff;margin-right:30px;}
.pro-tig1{position:absolute;right:20px;top:50%;transition:all .5s;width:13px;height:8px;background:url(../images/drop.png) no-repeat center;transform:translateY(-50%);transform:rotate(-90deg)}
.pro-pad{padding:10px 10px;background:#fff}
.pro-pad a{display:block;font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:40px;width:100%}
.pro-pad .p-pic{width:45px;height:45px;background:#fff;border:1px solid #e5e5e5;margin-right:2px;display:inline-block;margin-bottom:2px}
.p-pic img{width:100%;height:100%}
.pro-slide1{display:none}
.pro-parent1.open .pro-cate1,.pro-cate1:hover{color:#fff}
.pro-parent1.open .pro-tig1{transform:rotate(0)}
.pro-pad a.on,.pro-pad a:hover{color:#ff9124;font-weight:600}
.pro-pad a.on,.pro-pad a:hover img{transform:scale(1.00)}
.pro-parent1.open .pro-slide1{display:block}
.pro-parent1:last-child .pro-item1{border-bottom:none}
.sec-product .container{width: 95%;float: right;margin-top:50px;}
.wrapper{width:100%;overflow: hidden;}
.sec-breadcrumb .crumb{margin-top:30px;}
.sec-product{width:70% !important;}
.sec-productDet .container{width:75%; float:right;}
#m-box .m-bors{
	border-top: 1px dashed #dbdbdb;
	padding-top:25px;
}
#m-box .m-bor{
	border-top: 1px dashed #dbdbdb;
	padding-top:25px;
}
#m-box .m-tits{
	font-size: 18px;
	transition: all .3s;
}
.product-item .m-pics{
	width: 100%;
	height: 378px;
	overflow: hidden;
}
.product-item .m-pics img{
	width: 100%;
	height: 100%;
}